<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
	crossorigin="anonymous">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<title>Insert title here</title>
</head>
<body style="text-align: center; color: #fff; background-color:#333; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.5);">
<div class="carousel-inner">
<div style="width: 20%; margin: 0 auto; text-align: center;">
      <form class="form-signin" action="login" method="post">
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="text" id="inputAccount" class="form-control" placeholder="Account" name="account">
        <br/>
        <input type="password" id="inputPassword" class="form-control" placeholder="Password" name="password">
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> Remember me
          </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block"  type="submit">Sign in</button>
        <button class="btn btn-lg btn-primary btn-block" type="button" onclick="location='register.jsp'">Create account</button>
      </form>
    </div>
    </div>
    <div class="container marketing" style="position: absolute;bottom: 0;margin-left: 100px">
      <div class="row">
       <hr class="featurette-divider">
        <div class="col-lg-4">
          <img class="img-circle" src="" alt="Generic placeholder image" width="140" height="140">
        </div>
        <div class="col-lg-4">
          <img class="img-circle" src="" alt="Generic placeholder image" width="140" height="140">
        </div>
        <div class="col-lg-4">
          <img class="img-circle" src="" alt="Generic placeholder image" width="140" height="140">
        </div>
      </div>
      <hr class="featurette-divider">
     </div>
</body>
</html>